<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>工作时间分析</title>
  <link rel="stylesheet" href="popup.css">
  <script src="echarts.min.js"></script>
</head>
<body>
  <div id="container">
    <header>
      <h1>工作时间分析</h1>
      <div class="controls">
        <select id="month-selector">
          <!-- 月份选项由JS动态生成 -->
        </select>
        <button id="fullscreen-btn">全屏显示</button>
      </div>
    </header>
    
    <div id="chart" style="height:70vh; width:95vw"></div>
    
    <div id="stats">
      <div class="stat-card">
        <h3>本月应工作</h3>
        <p id="expected-hours">0 小时</p>
      </div>
      <div class="stat-card">
        <h3>本月已工作</h3>
        <p id="actual-hours">0 小时</p>
      </div>
      <div class="stat-card">
        <h3>完成度</h3>
        <p id="completion">0%</p>
      </div>
    </div>
  </div>
  <script src="popup.js"></script>
</body>
</html>